<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>基本统计-项目提交时间统计</title>
        <link href="__PUBLIC__/admin/css/style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="__PUBLIC__/admin/js/jquery.js"></script>
		<script type="text/javascript" src="__PUBLIC__/echarts/echarts-all.js"></script>
		
		<link href="__PUBLIC__/admin/css/select.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="__PUBLIC__/admin/js/jquery.idTabs.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/admin/js/select-ui.min.js"></script>

		<script type="text/javascript" src="__PUBLIC__/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript">
		$(document).ready(function(e) {
			$("#indus_id").uedSelect({
				width : 150			  
			});
		});
		</script>
    </head>

    <body>

        <div class="place">
            <span>位置：</span>
            <ul class="placeul">
                <li><a href="{:U('index/welcome')}">首页</a></li>
				<li><a href="#">基本统计</a></li>
                <li><a href="#">项目提交时间统计</a></li>
            </ul>
        </div>

        <div class="formbody">                     
            <form name="seachform" id="seachform" action="{:U('industry/itemaddtime')}" method="post">
                <ul class="seachform">
                    <!-- <li><label>综合查询</label><input name="info[keyword]" id="keyword" value="{$keyword}" type="text" class="scinput" maxlength="15" /></li>-->
					<li><label>所属行业</label>
						<div class="vocation">
							<select id="indus_id" name="info[indus_id]">
								<option value="">请选择类型</option>
								<volist name="indusinfo" id="data">
								<option value="{$data.indus_id}" <if condition="$data.indus_id eq $indus_id ">selected</if>>{$data.indus_title}</option>
								</volist>
							</select>
						</div>
					</li> 
					<li><label>提交时间</label>
					<input name="info[starttime]" id="starttime" class="dfinput" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM',maxDate:'#F{ $dp.$D(\'endtime\')||\'2100-10\' }'})" datatype="*" errormsg="时间范围开始值不能为空！" maxlength="20" style="width: 170px;" readonly value="{$starttime}" />-
					<input name="info[endtime]" id="endtime" class="dfinput" type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM',minDate:'#F{ $dp.$D(\'starttime\') }',maxDate:'2100-10\'})" datatype="*" errormsg="时间范围结束值范围不能为空！" maxlength="20" style="width: 170px;" readonly value="{$endtime}" />
					<i class="Validform_checktip"></i></li>	
                    <li><label>&nbsp;</label><input name="" type="submit" class="scbtn" value="查询"/></li>
                </ul>
            </form>

            <div id="mychart" style="width: 100%;height:500px;"></div>
        </div>
    </body>
	<script>
		var option = {
			title : {
				text: '{$title}',
				x: 'center'
			},
			tooltip : {
				trigger: 'axis'
			},
			xAxis : [
				{
					type : 'category',
					boundaryGap : false,
					data : {$daylist},
					axisLabel : {
						rotate: 45,
						textStyle:{
							color: '#000'
						}
					}
				}
			],
			yAxis : [
				{
					type : 'value',
					axisLabel : {
						formatter: '{value}个'
					}
				}
			],
			series : [
				{
					name:'申请项目',
					type:'line',
					smooth: true,
					itemStyle : {
						normal: {
							label : {
								show: true,
								formatter:function(params){
									return params['value']+"个";
								},
								textStyle: {
									fontSize:14,
									color:"red"
								}
							}
						}
					},
					data:{$infolist},
					markPoint : {
						data : [
							{type : 'max', name: '最大值'},
							{type : 'min', name: '最小值'}
						]
					},
					markLine : {
						data : [
							{type : 'average', name: '平均值'}
						]
					}
				}
			]
		};

		// 基于准备好的dom，初始化echarts实例
		var echartsobj = echarts.init(document.getElementById('mychart'));
		// 使用刚指定的配置项和数据显示图表。
		echartsobj.setOption(option);
	</script>
</html>
